<template>
  <div class="Personlist">
    <section class="person-main">
        <div id="wrap"><div class="weui-cells" v-for="item in items"><router-link  v-bind:to="item.listLink"><div class="weui-cell weui-cell_access"><span v-bind:class="item.iconCss"></span><div class="weui-cell__bd" v-text="item.listText"></div><div class="weui-cell__ft"></div></div></router-link></div></div>
    </section>
  </div>
</template>

<script>
export default {
  name: 'Personlist',
  data:function(){
        return {
            items:[
              {listText:'我的消息',listLink:'/dist/Msginfo',iconCss:'iconfont icon-ge_wdxxx'},
              {listText:'我的地址',listLink:'/dist/Address',iconCss:'iconfont icon-Ge_Dizhi'},
              {listText:'历史纪录',listLink:'/dist/History',iconCss:'iconfont icon-Ge_Lishijilu'},
              {listText:'邀请有奖',listLink:'/dist/Balance',iconCss:'iconfont icon-Ge_Yaoqingyoujiang'},
              {listText:'帮助与反馈',listLink:'/dist/Report',iconCss:'iconfont icon-Ge_Bangzhu'},
              {listText:'更多',listLink:'/dist/More',iconCss:'iconfont icon-Ge_More'}
            ]
        }
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
/* 个人中心 */
.person-head{
  height:20rem;
  background-color: #fe4e4c;
  padding-top: 2.5rem;
  position: relative;
}
.avatar{
  height: 11.5rem;
  width: 11.5rem;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0px 0px 10px #dd3d3d;
  overflow: hidden;
}
.avatar img{
  height: 100%;
  width: auto;
}
.nickname{
  color: #fff;
  font-size: 15px;
  text-align: center;
  margin-top: 8px;
}
.money{
  position: absolute;
  bottom: 2.8rem;
  left: 2rem;
  color:#fff;
}
.edit{
  position: absolute;
  bottom: 2.8rem;
  right: 2rem;
  border-bottom: 1px solid #fff;
}
.edit a{
  color:#fff;
  font-size: 12px;
}
.money-icon{
  background: url(/static/img/yue.png) no-repeat left;
  background-size: 1.4rem;
  text-indent: 1.6rem;
  font-size: 18px;
}
.money-text{
  font-size: 12px;
}
.person-main .weui-cells{
  margin-top: 0.4rem;
  line-height: 1.45rem;
}
.person-main .weui-cell{
  padding: 15px 20px;
}
.person-main .weui-cells .weui-cell__bd{
  color: #3f3f3f;
  font-size: 16px;
}
.weui-cells .iconfont{
  font-size: 2.4rem;
  margin-right:1rem;
  color: #707070;
}
.weui-cells:nth-child(2){
  margin-top: -1px!important;
}
.weui-cells:nth-child(3){
  margin-top: -1px!important;
}
.weui-cells:nth-child(5){
  margin-top: -1px!important;
}
.weui-cells:nth-child(6){
  margin-top: -1px!important;
}
.weui-cells:last{
  margin-top: 8px!important;
}
</style>
